
<div id="bottom">
  <div class="search_list">
    <div class="header_bar"> &nbsp; </div>
    <ul class="lm-main-tabs">
      <li><a class="active formChangedCheckNeeded " href="locationInfo">Location</a> </li>
      <li><a class="formChangedCheckNeeded active" href="descriptionInfo">Description</a> </li>
      <li><a class="formChangedCheckNeeded" href="contactsInfo">Contacts</a> </li>
      <li><a class="formChangedCheckNeeded" href="photosInfo">Photos</a> </li>
      <li><a class="formChangedCheckNeeded" href="amenitiesInfo">Amenities</a> </li>
      <li><a class="formChangedCheckNeeded" href="ratesInfo">Rates</a> </li>
      <li><a class="formChangedCheckNeeded" href="specialofferInfo">Special offer </a> </li>
      <li><a class="formChangedCheckNeeded" href="calenderInfo">Calender </a> </li>
     <!-- <li class="calendar-link"><a href="#">Looking for your calendar?</a> </li>-->
    </ul>
    	<div class="photos-maincontainer">
        	<div class="left"><a href="#" class="buttons">Upload Photos</a></div>
            <div class="right"><a href="#" class="buttons">Save</a>
            					<a href="#" class="buttons">Continue</a>
            </div>
            <div id="block1">
            	<div id="photoDisplayed">
                    <div id="thePhotoDisplayed" style="background:url(images/building.jpg) no-repeat center center #e1edf6; padding: 5px;">
                        <div id="photoRejectedDisplayed" class=" display_none">&nbsp;</div>
                        <div id="star" class="blockStar">&nbsp;</div>
                    </div>
                </div>
                <div class="actionPhoto">
                    <div id="thumbnailPhotoInfo" class="thumbnailPhotoInfo">
                        <span id="spanPhotoInfo" class="">
                            <span id="photoIndex">
                                <span id="spanPhotoInfoText">This photo is used as a thumbnail on your search page. Here are</span>
                                <a href="#">
                                    tips for a great thumbnail photo.
                                </a>
                                
                            </span>
                        </span>
                        
                    </div>
                    <div class="marginInfoThumbnailDisplayed"></div>
                    <div id="photoCaption">
                        <label>
                            Photo Caption
                        </label>
                        <span id="nbCharactersCaption"><span id="nbCharactersCaption1">43</span>/80</span>
                        <form:form action="ajax/owner/collections/4aa55f60-17d8-4160-85ee-72ea94a8af09/mediaItemRefs/caption.html" method="post" id="changecaption">
                            <textarea name="caption" id="caption" cols="6" rows="70" autocomplete="off">Views located poolside at the Summit Resort</textarea>
                            <input type="hidden" name="mediaCollectionUUID" id="mediaCollectionUUID" value="4aa55f60-17d8-4160-85ee-72ea94a8af09" class="mediaCollectionUUID">
                            <input type="hidden" value="3fb0915d-14df-44ab-a92e-49ca8402dd50" name="mediaItemStringUUID" id="mediaItemStringUUID" class="mediaItemStringUUID">
                        </form:form>
                    </div>
                        <a href="javascript:deleteMediaItem('3fb0915d-14df-44ab-a92e-49ca8402dd50')" title="Delete Photo" class="deletePhoto photoLink" id="photoDelete">
                            <span>Delete Photo</span>
                        </a>
                </div>
                <div id="photoTip">
                    <h3><span>Photo Tip</span></h3>
                    <p>Photos are the first thing a potential guest sees. Capture their attention and increase inquiries with these simple tips for
                        <a href="#">top-notch photos.</a></p>
                </div>
                
                
            </div>
            <div id="block2">
            <div class="block2Title">
                <div style="">&nbsp;</div>
                <h3>Click and drag to re-arrange</h3>
            </div>
            <div class="libraryPhoto">
            	<ul>
                	<li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>1</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>2</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>3</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>4</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>5</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>6</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>7</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>8</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>9</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>10</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>11</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/one.jpg" width="36" height="48"/></a>
                    	<span>12</span>
                    </li>
                </ul> 
                <ul>
                	<li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>13</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>14</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>15</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>16</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>17</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>18</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>19</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>20</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>21</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>21</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>23</span>
                    </li>
                    <li class="selectionPhoto"><a href="#"><img src="images/noimg.jpg" width="64" height="48"/></a>
                    	<span>24</span>
                    </li>
                </ul>   
            </div>
            </div>
            <div class="clear">&nbsp;</div>
            <div class="ArchivedHelperContainer">
                    <a id="startArchive" class="photoLink cboxElement" href="archive.html">Access your complete photo library here.
                        <span>
                    Available until May 31,2012.</span></a>
                </div>
            
            
            
            
        </div>
    </div>
  </div>
</div>
